<template>
  <div class="navbar">
    <i class="home"  @click="$router.push('/home')">&#xe83a;</i>
    <span>{{title}}</span>
    <i @click="$router.go(-1)">&#xe648;</i>

  </div>
</template>
<script>
export default {
  name: 'navbar',
  data () {
    return {

    }
  },
  computed: {
    title () {
      return this.$route.meta.title || 'EDM'
    }
  }

}
</script>
<style lang="less" scoped>
@import "../../style/common.less";
.navbar {
  width: 100%;
  height: 55px;
  line-height: 55px;
  background-color: @c5;
  position: relative;
  .clear();
  i {
    &.home {
      float: left;
    padding-left:5px;

    }
    float: right;
    position: relative;

    width: 43px;
    height: 48px;
   .EDM-font(@color:#fff);
  }
  span {
    display: block;
position:absolute;
top:0;
left:36%;
    text-align: center;
    width: 30%;
    height: 100%;
    color:#fff;
  }
}
</style>
